import React, { Component } from "react";

/**
 * 类组件
 *  1. 必须继承 React.Component | React.PureComponent 基础组件
 *  2. 类名就是组件名，要注意使用 大驼峰 语法
 *  3. 必须要实现的是一个 render 函数
 */
class Welcome extends Component {
  /**
   * render 函数：
   *  1. 渲染函数，需要有返回值（一般返回一段 JSX），返回的内容就是组件的模板内容。
   *  2. 使用组件时，render 函数默认会触发一次。
   *  3. 组件重新渲染时，会再次执行 render 函数。
   */
  render() {
    console.log("welcome render", this.props);
    return (
      <div>
        <h1>Welcome 组件</h1>
      </div>
    );
  }
}

// 导出组件
export default Welcome;
